<template>
  <el-container style="height: 700px; border: 1px solid #ddd">
    <el-aside width="250px" style="background-color: white">
      <el-menu :default-openeds="['1', '4']">
        <el-aside width="100%" style="background-color: #ffffff">
          <div
            style="
              background-color: #f2f2f2;
              height: 40px;
              line-height: 40px;
              text-align: left;
              padding-left: 20px;
              font-weight: bold;
              font-size: 15px;
            "
          >
            组织/建筑列表
          </div>
          <el-input
            style="width: 70%; height: 50px; line-height: 70px; margin: 20px 0"
            placeholder="请输入组织关键字"
            suffix-icon="el-icon-search"
            v-model="input2"
          >
          </el-input>
          <el-menu :router="true">
            <el-submenu @click="toA" style="margin-right: 80px">
              <template slot="title">ABC综合体</template>
              <el-menu-item index="/inspection/point/b"
                >综合办公楼</el-menu-item
              >
              <el-menu-item index="/inspection/point/c">产线产房</el-menu-item>
              <el-menu-item index="/inspection/point/d">仓储楼</el-menu-item>
              <el-menu-item index="/inspection/point/e">活动中心</el-menu-item>
            </el-submenu>
          </el-menu>
        </el-aside>
      </el-menu>
    </el-aside>

    <div>
      <router-view></router-view>
    </div>
  </el-container>
</template>

<style>
.el-header {
  background-color: white;
  color: #333;
  line-height: 60px;
}

.el-aside {
  color: black;
}
.el-menu-item-group {
  color: white;
}
.el-main {
  color: white;
}
</style>

<script>
export default {
  name:'PointManagement',
  data() {
    return {
      tableData: [
        {
          date: "x001",
          name: "G1公区户外",
          address: "综合办公楼",
        },
        {
          date: "x002",
          name: "G2公区户外",
          address: "综合办公楼",
        },
        {
          date: "x003",
          name: "B1办公区",
          address: "综合办公楼",
        },
        {
          date: "x004",
          name: "B2办公区",
          address: "综合办公楼",
        },
        {
          date: "x005",
          name: "产线1",
          address: "产线厂房",
        },
        {
          date: "x006",
          name: "产线2",
          address: "产线厂房",
        },
        {
          date: "x007",
          name: "A区",
          address: "仓储楼",
        },
      ],
      multipleSelection: [],
    };
  },

  methods: {
    toA() {
      console.log(11111);
    },
    toggleSelection(rows) {
      if (rows) {
        rows.forEach((row) => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      } else {
        this.$refs.multipleTable.clearSelection();
      }
    },
    handleSelectionChange(val) {
      this.multipleSelection = val;
    },
  },
};
</script>